iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 29
0
Modern Web

Webpack with ASP.NET MVC系列 第 29

為專案客製化 ESLint 規則

  • 分享至 

  • xImage
  •  

ESLint

延續前一篇的主題,來介紹一些我們應用在專案的 ESLint 規範

Possible Errors 與程式碼或邏輯錯誤有關

no-console

禁用 console 系列語法

範例
/*eslint no-console: "error"*/

console.log("Log a debug level message.")
console.warn("Log a warn level message.")
console.error("Log an error level message.")

no-debugger

禁用 debugger

範例
/*eslint no-debugger: "error"*/

function isTruthy(x) {
    debugger;
    return Boolean(x);
}

no-dupe-args

禁止 Function 中出現重名參數

範例
/*eslint no-dupe-args: "error"*/

function foo(a, b, a) {
    console.log("value of the second a:", a);
}

var bar = function (a, b, a) {
    console.log("value of the second a:", a);
};

no-dupe-keys

禁止物件出現重複的 KEY 值

範例
/*eslint no-dupe-keys: "error"*/

var foo = {
    bar: "baz",
    bar: "qux"
};

var foo = {
    "bar": "baz",
    bar: "qux"
};

var foo = {
    0x1: "baz",
    1: "qux"
};

no-duplicate-case

禁止出現重複的 case 標籤

範例
/*eslint no-duplicate-case: "error"*/

var a = 1,
    one = 1;

switch (a) {
    case 1:
        break;
    case 2:
        break;
    case 1:         // duplicate test expression
        break;
    default:
        break;
}

no-empty

禁止出現空的區塊

範例
/*eslint no-empty: "error"*/

if (foo) {
}

while (foo) {
}


no-extra-semi

禁止非必要的分號

範例
/*eslint no-extra-semi: "error"*/

var x = 5;;

use-isnan

必須使用 isNaN 檢查 NaN

範例
/*eslint use-isnan: "error"*/

if (foo == NaN) {
    // ...
}

// 正確用法
if (isNaN(foo)) {
    // ...
}

Best Practices 採用最佳實踐,避免程式出現一些問題

no-redeclare

禁止重複宣告變數

範例
/*eslint no-redeclare: "error"*/

var a = 3;
var a = 10;

Variables 與變數宣告有關

no-undef

禁止引用未宣告的變數,除非在 /*global*/ 註解中註明

範例
/*eslint no-undef: "error"*/

var a = someFunction();
b = 10;

上一篇
導入 ESLint
下一篇
導入 Webpack 心得
系列文
Webpack with ASP.NET MVC30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言